<html>
  <head>
   
    ${h.javascript_include_tag(builtins=True)}
    
  </head>

  <style type="text/css">
	input {
		border: thin solid black;
		background-color: white;
		
	}
	
	a:link, a:hover, a:visited, a:active {
		color: black;

	}
  </style>
  
<body topmargin="0" leftmargin="0" rightmargin="0">

${h.form_remote_tag(url=h.url_for(action="find"), update='results')}
  
	<div id="beagle" style="position:absolute;top:70;left:350;">
		<font size="-1">
			Version: ${h.link_to_remote(c.beagle.version, dict(update="results", url=h.url_for(action='beagle')))}

		</font>
	</div>

	<div id="prefs" style="position:absolute;top:0;right:10;">
		<font size="-1">

			${h.link_to_remote("Preferences", dict(update="results", url=h.url_for(action='advanced')))}

		</font>

	</div> 

	<div id="logo" style="position:absolute;top:0;left:50;">
		<img border="0" src="beagle-logo.png" width="262" height="134">
	</div>

	<div id="sform" style="position:absolute;top:110;left:150;z-index=10;font-size:80%">
		

			<input type="text" name="query" size="60"/>
			
			<select name="what">
				<option>all</option>
				<option>images</option>
				<option>videos</option>
				<option>documents</option>
			</select>

			${h.submit_to_remote('find', 'Find', url=h.url_for(action="find"), update='results')} &nbsp;

			<span id="arrow1"></span> &nbsp;

			<span id="arrow2"></span>
			
			<span id="count"></span>
			
			
	</div>

	<div id="results" style="position:absolute;top:180;left:0;width:100%;"></div>


</form>
</body>

</html>
